@import './../../../config/params.less';

page {
    // height: 100vh;
    // overflow: hidden;
}

.consumerMy {
    height: 100vh;
    // overflow: hidden;

    // h5特殊样式
    .weui-cells_radiogroup {
        height: 100%;
    }

    .taro-img{
        display: block;
    }
    .colorBlock {
        width: 44px;
        height: 44px;
    }

    .myContent {
        display: flex;
        flex-direction: column;
        height: 92vh;

        // min-height: 100vh;
        .headerBack {
            height: 250px;
            width: 100%;
            position: absolute;
            top: 0;
            z-index: 0;
        }

        .headerTwo {

            .headerRowOne {
                width: 100%;
                height: 120px;
                margin-top: 35px;
                display: flex;

                .headImg {
                    width: 184px;
                    height: 120px;
                    display: flex;
                    justify-content: center;
                    z-index: 9;

                    .headAvator {
                        width: 120px;
                        height: 120px;
                        border-radius: 50%;
                    }
                }

                .headCon {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: center;
                    z-index: 9;
                    .username {
                        font-size: 34px;
                        font-family: PingFangSC-Medium;
                        font-weight: 500;
                        color: rgba(45, 45, 45, 1);
                        line-height: 34px;
                        margin-bottom: 18px;
                    }

                    .userCon {
                        font-size: 28px;
                        font-family: PingFangSC-Regular;
                        font-weight: 400;
                        color: rgba(45, 45, 45, 1);
                        line-height: 28px;
                    }
                }
            }

            .headerRowTwo {
                width: 100%;
                height: 142px;
                display: flex;
                justify-content: center;
                margin-top: 40px;
                background: white;
                padding-bottom:32px;

                .numConBlock {
                    width: 690px;
                    height: 142px;
                    background: rgba(255, 255, 255, 1);
                    box-shadow: 0px 4px 15px 0px rgba(153, 153, 153, 0.2);
                    border-radius: 10px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    z-index: 9;
                }

                .conItem {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    flex: 1;
                    justify-content: center;

                    .itemTitle {
                        font-size: 24px;
                        font-family: PingFangSC-Regular;
                        font-weight: 400;
                        color: rgba(153, 153, 153, 1);
                        line-height: 24px;
                        margin-bottom: 15px;
                    }

                    .itemNum {
                        font-size: 36px;
                        font-family: PingFangSC-Medium;
                        font-weight: 500;
                        color: rgba(51, 51, 51, 1);
                        line-height: 36px;
                    }
                }
            }
        }


        .content {
            flex: 1;
        }

        .header {
            height: auto;
        }

        .person-info {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 20px;

            .avatar {
                width: 126px;
                height: 126px;
                border-radius: 50%;
            }

            .name {
                margin-top: 28px;
                font-size: 36px;
                font-weight: 700;
                color: #333;
            }

            .login {
                .right-icon {
                    width: 8px;
                    height: 8px;
                    border-color: #333;
                }
            }
        }

        .person-info .phone,
        .person-info .login {
            display: flex;
            align-items: center;
            margin-top: 24px;
            font-size: 24px;
            color: #333;
        }

        .wave {
            display: block;
            width: 100%;
            height: 98px;
        }

        .cell {
            padding: 0 40px;
            margin-top: 16px;
            background-color: #fff;

            &:nth-child(2) {
                margin-top: 0;
            }

            .row {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 30px 0;
                border-top: solid 1px #f5f5f5;

                // &:first-child {
                //     border-top: none;
                // }
            }

            .label {
                display: flex;
                align-items: center;

                .icon-my-resume {
                    margin-right: 10px;
                    width: 44px;
                    height: 44px;
                }

                .icon-my-post {
                    margin-right: 10px;
                    width: 44px;
                    height: 44px;
                }

                .icon-my-collect {
                    margin-right: 10px;
                    width: 44px;
                    height: 44px;
                }

                .icon-my-wallet {
                    margin-right: 10px;
                    width: 44px;
                    height: 44px;
                }

                .name {
                    font-size: 30px;
                    color: #333;
                    line-height: 0;
                }
            }

            .right {
                display: flex;
                align-items: center;

                .text {
                    margin-right: 10px;
                    font-size: 22px;
                    color: #333;
                }

                .not-login {
                    display: flex;
                    align-items: center;
                    padding: 0 20px;
                    height: 40px;
                    border-radius: 20px;
                }
            }
        }

        /*.cell .label .icon { margin-right: 30px; }*/
        .jumpBlock {
            width: 100%;
            // height: 135px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 55px;
            // margin-bottom: 235px;

            .jump {
                font-size: 30px;
                color: #666;
            }
        }
    }

    .zhezhaoPublic {
        top: 0;
        position: fixed;
        width: 100%;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
        z-index: 10;
        display: flex;
        align-items: flex-end;
        justify-content: center;

        .resumeSetting {
            width: 70%;
            height: 300px;
            border-radius: 10px;
            background: white;
            position: relative;
            bottom: 500px;
            // animation: resumeSetting 0.5s;
            // animation-fill-mode: forwards;
        }

        .radioList {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: space-between;
            padding: 0 5%;
            height: 100%;

            .body_title {
                font-size: 26px;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 30%;
            }

            .body_label {
                height: 30%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 26px;
            }
        }
    }

    @keyframes resumeSetting {
        0% {
            bottom: -300px;
        }

        100% {
            bottom: 5000px;
        }
    }

    @-webkit-keyframes resumeSetting {
        0% {
            bottom: -300px;
        }

        100% {
            bottom: 5000px;
        }
    }
}